<template>
  <div class="dp-data-left-card">
    <h3>合作商品</h3>
    <a-table
      :columns="columns"
      :data-source="tableData"
      :pagination="{
        showTotal: (total:number) =>
          `共${total}条`,
        showQuickJumper: true,
      }"
    ></a-table>
  </div>
</template>
<script lang="ts" setup>
import { columns } from './utils';

const tableData: any[] = [];
</script>

<style lang="scss" scoped>
.dp-data-left-card {
  flex: 1;
  h3 {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 22px;
    margin: 0;
    margin-bottom: 16px;
  }

  :deep(.ant-table-pagination-right) {
    justify-content: center;
  }
  :deep(.ant-pagination-total-text) {
    margin-right: 15px;
  }
  :deep(.ant-pagination-options-quick-jumper) {
    margin-left: 16px;
    input {
      margin-left: 15px;
    }
  }
}
</style>
